<template>
  <div style="width: 100%;height: 100%;padding-top: 400px;background-color: #5e716c;">
    <a-button @click="$router.push('/1')">回</a-button>
    <div style="height: 20px;"></div>
    <data-palyer @timeEcho="timeEcho"
                 @progressNotification="progressNotification"
                 :duration="duration"
                 ref="datapalyer"
                 style="bottom: 0;z-index: 1000;"/>
  </div>
</template>

<script>
  import DataPalyer from './DataPlayer'

  export default {
    components: {
      DataPalyer
    },
    data() {
      return {
        duration:8640000
      }
    },
    methods: {
      timeEcho(e){
        // 输出当前时间戳
        // 只有在播放的时候拖动才会输出时间
        console.log(e)
        if(e === 5){
          // 快进到200秒
          this.$refs.datapalyer.setUp(200)
        }
      },
      // 开始播放执行一次 结束播放也要执行一次
      progressNotification(e){
        // code: 0,explain: "开始"
        // 1-----暂停
        // 2-----继续
        // console.log(e)
      },
    }
  }
</script>

<style lang="less"></style>